<template>
  <div class="fullFoot" @click="clickBtn">
    <nut-image
      :src="getAssetsFile('home/groupLink/greenBottom.png')"
    ></nut-image>
    <p>{{ title }}</p>
  </div>
</template>

<script setup lang="ts">
import { getAssetsFile } from "@/utils/pub-use";
const emits = defineEmits(["clickBtn"]);
const props = defineProps<{ title: string }>();
const clickBtn = () => {
  emits("clickBtn");
};
</script>

<style lang="scss" scoped>
.fullFoot {
  position: relative;
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 0;
  z-index: 2000;
  height: 112px;
  background: #ffffff;
  padding: 10px 0 10px 0;
  width: -webkit-fill-available;
  .nut-image {
    :deep(img) {
      width: 630px;
    }
  }
  p {
    margin-top: 26px;
    font-weight: 500;
    font-size: 30px;
    color: #ffffff;
    position: absolute;
  }
}
</style>
